<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>jqzoom : &lt;default&gt;</title>
<script type='text/javascript' src='js/jquery-1.3.2.js'></script>
<script type='text/javascript' src='js/jquery.jqzoom1.0.1.js'></script>
<link type='text/css' href='css/jqzoom.css' rel='stylesheet'/>
<link href="css/estilo.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="contenedor">
	<div class="head"></div>
    <div class="menubar">
    	<div class="menucont">
        <a href="#">Inicio</a>
        <a href="#">Institucional</a>
        <a href="#">Ingresos y Egresos</a>
        <a href="#">Pagos Electronicos</a>
        <a href="#">Noticias</a>
        <a href="#">Contacto</a>
        </div>
    </div>

<div class="contenjs">
<script type="text/javascript">
$(document).ready(function(){
      var options ={
      zoomType: 'standard',
      zoomWidth: 200,		
      zoomHeight: 200,	
      xOffset: 10,	
      yOffset: 0,
      position: "right" ,
      lens:true, 
      lensReset : false,
      imageOpacity: 0.2,
      title : true,
      alwaysOn: false,
      showEffect: 'show',
      hideEffect: 'hide',
      fadeinSpeed: 'medium',
      fadeoutSpeed: 'medium',
      preloadImages :true,
      showPreload: true,
      preloadText : 'Loading zoom',
      preloadPosition : 'center'
      }
      $(".myvalue").jqzoom(options);
      
      });
</script>
<a href="images/BIG_IMAGE.jpg" class="myvalue"  title="">
      <img src="images/SMALL_IMAGE.jpg" width="680" title="."  >
      </a>
      
      
      </div>
      
     <a href="organigrama.pdf" target="_blank"> <img src="images/descargar-pdf.jpg" border="0"></a>
      <div class="bg"></div>
   <div id="clearing"></div>   
</div>
</body>
</html>